<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <meta
      name="description"
      content="汇融名企是面向全国商家服务的大型互联网平台，为商家提供流量扶持，引导品牌曝光；为消费者提供风云榜单，招商加盟，引导实现消费，达成合作，上汇融名企实现共赢。"
    />
    <link rel="stylesheet" href="./css/common.css" />
    <link rel="stylesheet" href="./css/appraise-choice.css" />
    <link rel="stylesheet" href="./css/carousel.css" />
    <title>汇融名企</title>
  </head>
  <body>
    <!-- <div id="header-page"></div> -->
    <!--#include virtual="/header.html" -->
    <!-- 右侧悬浮导航 -->
    <div class="navRight">
      <ul>
        <li class="content1 links active" id="nav1">
          活动 背景
          <hr />
        </li>
        <li class="content2 links" id="nav2">
          活动 目的
          <hr />
        </li>
        <li class="content3 links" id="nav3">
          活动 介绍
          <hr />
        </li>
        <li class="content4 links" id="nav4">
          活动 权益
          <hr />
        </li>
        <li class="goTop links" id="nav5">
          <img
            src="./image/icon/index_db_icon.png"
            alt="回到顶部-汇融名企"
          />顶部
        </li>
      </ul>
    </div>
    <div class="star-top content-one container" id="starTop"></div>
    <div class="star-bottom">
      <div class="content-two container" id="content1">
        <div class="wrapper">
          <img
            class="title"
            src="./image/picture/index_title01.png"
            alt="活动背景-汇融名企"
          />
          <img
            class="img"
            src="./image/picture/index_img01.png"
            alt="活动背景-汇融名企"
          />
          <div class="text-two">
            <p>
              为推动<span>“中国制造向中国创造转变、中国速度向中国质量转变、中国产品向中国品牌转变”</span>贯彻中国经济“三个转变”重要指示精神，加强品牌消费结构重要支撑，聚焦中国企业文化升级之路提升国家软实力。
            </p>
            <p>
              <span>【2020汇融名企企业优选计划】</span
              >本活动由全民星选平台提供技术支持，以创新方式拓宽企业宣传广度，凝聚优质资源，树立行业企业标杆，提升企业对大众影响力为宗旨，促进行业健康蓬勃发展，提高行业企业经济质量与效益！
            </p>
          </div>
        </div>
      </div>
      <div class="content-three container" id="content2">
        <div class="title">
          <div class="wrapper">
            <img
              src="./image/picture/index_title02.png"
              alt="活动目的-汇融名企"
            />
          </div>
        </div>
        <div class="content-three-bg">
          <div class="wrapper">
            <i class="yellow-left"></i>
            <i class="yellow-right"></i>
            <ul>
              <li>
                <p>
                  将行业品牌进行多渠道推广宣传，凝聚优质品牌提升社会影响力，鼓励行业品牌创新营销，增强品牌效应树立品牌标杆，扩大消费者认知度。使“社会效益”和“经济效益”相结合，促进品牌企业经济快速发展，推动市场繁荣，让行业品牌成长更快，更稳，更强大！
                </p>
              </li>
              <li>
                <img
                  src="./image/picture/index_img03.png"
                  alt="活动目的-汇融名企"
                />
              </li>
              <li>
                <img
                  src="./image/picture/index_img04.png"
                  alt="活动目的-汇融名企"
                />
              </li>
              <li>
                <h1>
                  Purpose of the <br />
                  activity
                </h1>
              </li>
            </ul>
          </div>
        </div>
      </div>
      <div class="content-four container" id="content3">
        <div class="wrapper">
          <img
            class="title"
            src="./image/picture/index_title03.png"
            alt="活动介绍-汇融名企"
          />
          <p>
            活动汇集优质实力企业，甄选行业品牌标杆；配合市场发展大势制定专属创新营销计划将企业经营由广告销售向品牌服务升级，推动产品向品牌的转变，助力品牌企业快速发展；参与品牌在活动期间可持续推图，获奖品牌更有机会获得多渠道多方式宣传推广,
            高效率提升品牌曝光度；专业平台与团队让活动更有公信力。
          </p>
          <hr />
          <span>活动最终解释权归汇融名企所有</span>
        </div>
      </div>
      <div class="content-five container" id="content4">
        <div class="title">
          <div class="wrapper">
            <img
              src="./image/picture/index_title04.png"
              alt="活动权益-汇融名企"
            />
          </div>
        </div>
        <div class="content-five-bg">
          <div class="wrapper">
            <i class="yellow-five"></i>
            <p>
              聚集行业信息资源为参与品牌提升曝光度，助力企业开拓市场、占领市场、展现企业综合实力，集中体现市场影响力；甄选创新行业营销方式为参与品牌制定专属推广方案，传播企业自己特色品牌声音；平台高点击率广告位优先展示，高效率倒流转化；为获奖品牌颁发荣誉证书等。
            </p>
          </div>
        </div>
      </div>
    </div>
    <!--#include virtual="/footer.html" -->
    <!-- <div id="footer-page"></div> -->
    <script src="./js/jquery-1.11.0.min.js"></script>
    <script src="./js/utils.js"></script>
    <script src="./js/api.js"></script>
    <script type="text/javascript">
      $(function () {
        // $('#header-page').load('header.html')
        // $('#footer-page').load('footer.html')
        $(window).scroll(function () {
          var scrollTop = $(this).scrollTop()
          var $sections = $('.container')
          var $currentSection
          var navRight = $('.navRight')
          if (scrollTop >= 530) {
            navRight.show()
          } else {
            navRight.hide()
          }
          $sections.each(function () {
            var divPosition = $(this).offset().top
            if (divPosition - 360 < scrollTop) {
              $currentSection = $(this)
            }
            if (scrollTop > $('.header').height()) {
              var id = $currentSection.attr('id')
              $('.links').removeClass('active')
              $('.' + id).addClass('active')
            }
          })
        })
        $('#nav5').click(function () {
          $('html,body').animate({ scrollTop: 0 }, 100)
        })
        for (var i = 1; i < 5; i++) {
          onClick(i)
        }
      })
      function onClick(val, num) {
        $('#nav' + val).click(function () {
          $('html,body').animate(
            { scrollTop: $('#content' + val).offset().top + 1 },
            100
          )
        })
      }
    </script>
  </body>
</html>
